<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>学生管理系统</title>
	<link rel="shortcut icon" href="favicon.ico">
	<link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
	<link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
	<link href="../static/css/style.min.css" th:href="@{/css/style.min.css}" rel="stylesheet"/>
	<style>
		.feature-box {
            padding: 20px;
            margin-bottom: 20px;
            background: #fff;
            border-radius: 5px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            transition: all 0.3s ease;
        }
        .feature-box:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        .feature-icon {
            font-size: 40px;
            color: #1ab394;
            margin-bottom: 15px;
        }
        .dashboard-header {
            background: linear-gradient(135deg, #1ab394 0%, #18a689 100%);
            color: white;
            padding: 30px 0;
            border-radius: 5px;
            margin-bottom: 30px;
        }
        .system-overview {
            background: #f8f9fa;
            padding: 20px;
            border-radius: 5px;
            margin-bottom: 30px;
        }
	</style>
</head>

<body class="gray-bg">
<div class="row border-bottom white-bg dashboard-header">
	<div class="col-sm-12 text-center">
		<h1>学生信息管理系统</h1>
		<p class="lead">高效、便捷、全面的学生信息管理解决方案</p>
	</div>
</div>

<div class="wrapper wrapper-content">
	<div class="row">
		<div class="col-sm-12">
			<div class="system-overview">
				<h3>系统概览</h3>
				<p>学生信息管理系统是一款专为教育机构设计的综合管理平台，涵盖学生信息管理、成绩管理、考勤管理、课程管理等核心功能模块，帮助学校实现信息化、数字化管理，提高工作效率，优化教育资源分配。</p>
			</div>
		</div>
	</div>

	<div class="row">
		<div class="col-sm-4">
			<div class="feature-box">
				<div class="feature-icon">
					<i class="fa fa-users"></i>
				</div>
				<h4>学生信息管理</h4>
				<p>全面记录和管理学生基本信息，包括学籍信息、联系方式、家庭背景等，支持批量导入导出，提供多种查询方式。</p>
			</div>
		</div>
		<div class="col-sm-4">
			<div class="feature-box">
				<div class="feature-icon">
					<i class="fa fa-graduation-cap"></i>
				</div>
				<h4>成绩管理</h4>
				<p>记录学生各科考试成绩，支持成绩统计分析、成绩趋势图展示，自动生成成绩报告单。</p>
			</div>
		</div>
		<div class="col-sm-4">
			<div class="feature-box">
				<div class="feature-icon">
					<i class="fa fa-calendar-check-o"></i>
				</div>
				<h4>考勤管理</h4>
				<p>记录学生出勤情况，支持请假审批，自动统计出勤率，生成考勤报表。</p>
			</div>
		</div>
	</div>

	<div class="row">
		<div class="col-sm-4">
			<div class="feature-box">
				<div class="feature-icon">
					<i class="fa fa-book"></i>
				</div>
				<h4>课程管理</h4>
				<p>管理学校课程设置，安排教师授课，学生选课，自动生成课表。</p>
			</div>
		</div>
		<div class="col-sm-4">
			<div class="feature-box">
				<div class="feature-icon">
					<i class="fa fa-bar-chart"></i>
				</div>
				<h4>数据分析</h4>
				<p>提供多种数据分析功能，包括学生成绩分析、班级对比分析、学科分析等。</p>
			</div>
		</div>
		<div class="col-sm-4">
			<div class="feature-box">
				<div class="feature-icon">
					<i class="fa fa-file-text"></i>
				</div>
				<h4>报表生成</h4>
				<p>自动生成各类统计报表，支持自定义报表模板，导出Excel、PDF等多种格式。</p>
			</div>
		</div>
	</div>

	<div class="row">
		<div class="col-sm-6">
			<div class="ibox float-e-margins">
				<div class="ibox-title">
					<h5>系统特点</h5>
				</div>
				<div class="ibox-content">
					<ul>
						<li>界面友好，操作简单，无需专业培训即可上手</li>
						<li>数据安全可靠，支持自动备份和恢复</li>
						<li>支持多角色权限管理，满足不同岗位需求</li>
						<li>响应式设计，支持PC、平板、手机多端访问</li>
						<li>系统性能稳定，支持高并发访问</li>
						<li>提供完善的API接口，支持与其他系统对接</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="col-sm-6">
			<div class="ibox float-e-margins">
				<div class="ibox-title">
					<h5>技术架构</h5>
				</div>
				<div class="ibox-content">
					<ol>
						<li>前端框架：Bootstrap + jQuery + Thymeleaf</li>
						<li>后端框架：Spring Boot 2.5+</li>
						<li>安全框架：Spring Security</li>
						<li>持久层：MyBatis Plus</li>
						<li>数据库：MySQL 8.0</li>
						<li>缓存：Redis</li>
						<li>搜索引擎：Elasticsearch（可选）</li>
						<li>消息队列：RabbitMQ（可选）</li>
					</ol>
				</div>
			</div>
		</div>
	</div>

	<div class="row">
		<div class="col-sm-12">
			<div class="ibox float-e-margins">
				<div class="ibox-title">
					<h5>系统截图</h5>
				</div>
				<div class="ibox-content">
					<div class="row">
						<div class="col-sm-4">
							<a href="javascript:;">
								<img th:src="@{/img/student-list.png}" width="100%" alt="学生列表" class="img-thumbnail">
								<p class="text-center">学生信息管理</p>
							</a>
						</div>
						<div class="col-sm-4">
							<a href="javascript:;">
								<img th:src="@{/img/score-analysis.png}" width="100%" alt="成绩分析" class="img-thumbnail">
								<p class="text-center">成绩分析</p>
							</a>
						</div>
						<div class="col-sm-4">
							<a href="javascript:;">
								<img th:src="@{/img/attendance-report.png}" width="100%" alt="考勤报表" class="img-thumbnail">
								<p class="text-center">考勤报表</p>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="row">
		<div class="col-sm-6">
			<div class="ibox float-e-margins">
				<div class="ibox-title">
					<h5>联系我们</h5>
				</div>
				<div class="col-sm-6">
					<div class="ibox float-e-margins">
						<div class="ibox-title">
							<h5>系统更新</h5>
						</div>
						<div class="ibox-content">
							<div class="panel-group" id="version">
								<div class="panel panel-default">
									<div class="panel-heading">
										<h5 class="panel-title">
											<a data-toggle="collapse" data-parent="#version" href="#v210">v2.1.0</a><code class="pull-right">2023.06.15</code>
										</h5>
									</div>
									<div id="v210" class="panel-collapse collapse in">
										<div class="panel-body">
											<ol>
												<li>新增学生综合素质评价模块</li>
												<li>优化成绩分析图表展示</li>
												<li>修复考勤统计中的计算错误</li>
											</ol>
										</div>
									</div>
								</div>
								<div class="panel panel-default">
									<div class="panel-heading">
										<h5 class="panel-title">
											<a data-toggle="collapse" data-parent="#version" href="#v200">v2.0.0</a><code class="pull-right">2023.03.10</code>
										</h5>
									</div>
									<div id="v200" class="panel-collapse collapse">
										<div class="panel-body">
											<ol>
												<li>全新UI设计，优化用户体验</li>
												<li>新增移动端APP支持</li>
												<li>增强数据安全保护机制</li>
											</ol>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<script th:src="@{/js/jquery.min.js}"></script>
		<script th:src="@{/js/bootstrap.min.js}"></script>
		<script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
		<script type="text/javascript">
			$('.img-thumbnail').click(function(){
                var imgSrc = $(this).attr('src');
                parent.layer.open({
                    type: 1,
                    title: false,
                    closeBtn: 1,
                    shadeClose: true,
                    area: ['80%', '80%'],
                    content: '<img src="'+imgSrc+'" style="width:100%;height:100%;">'
                });
            });
		</script>
</body>
</html>

